@prefix: odoc-difBranchCata;

.@{prefix}{
  width: 100%;
  height: 100%;
  .fieldTable-Title{
    background-color: #f7fbfe;
    border-bottom: 2px solid #e2ecf2;
    .gutter-box{
      padding-left: 34px;
      .content {
        background-color: #f7fbfe;
      }
    }
  }
  .ant-spin-nested-loading{
    height: calc(100% - 40px);
    .ant-spin-container{
      height: 100%;
    }
  }
  .wea-select{
    width: 200px;
  }
  .icon-coms-down2{
    height: 42px !important;
    width: 300px;
    margin-top: 0px;
    top: -6px;
    left: 0px;
    text-align: right;
    margin-left: -52px;
    padding-right: 5px;
    line-height: 30px;
  }
  .firstColumn,.secendColumn,.thirdColumn,.fourthColumn{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
  }
  .firstColumn{
    padding-left: 12px;
    width: 384px;
  }
  .secendColumn{
    width: 240px;
  }
  .thirdColumn{
    width: 240px;
  }
  .wea-tree-wrap{
    .ant-tree-node-content-wrapper{
      display: inline-block;
      width: calc(100% - 30px);
      box-sizing: border-box;
      height: 40px;
      padding: 5px 5px 1px 0;
      .ant-tree-title{
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        .wea-tree-node-wrapper{
          width: 900px;
          display: inline-block;
          overflow: visible;
        }
      }
      .ant-tree-title:hover{
        .odoc-difBranchCata-TreeNode-opeart{
          display: inline-block;
        }
      }
    }
  }
  .ant-tree-title{
    &-TreeNode:hover{
      .@{prefix}-TreeNode-icon{
        display: inline-block;
      }
    }
  }
  .wea-tree .wea-tree-node-wrapper:hover .ops-wrapper {
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0px;
    right: -200px;
  }

  .wea-tree .wea-tree-node-wrapper>div {
    width: 100%;
  }
  .ops-wrapper{
    margin-left: 0px !important;
    width: 25% !important;
  }
  .@{prefix}-TreeNode-opeart{
    display: none;
    width: 200px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 20px;
    i{
      display: inline-block;
      width: 30px;
      height: 100%;
      vertical-align: top;
      line-height: 30px;
      text-align: center;
    }

  }
  .@{prefix}-TreeNode-left{
    display: inline-block;
    vertical-align: middle;
    &-name{
      display: inline-block;
      width: calc(100% - 17px);
      overflow: hidden;
      text-overflow : ellipsis;
      white-space: nowrap;
      vertical-align: middle;
      .wea-input-normal{
        width: 100%;
        max-width: 200px;
      }
    }
    .icon-coms-LargeArea{
      display: none;
      color: #2094ff;
    }
  }
  .@{prefix}-TreeNode-fieldValue{
    display: inline-block;
    vertical-align: middle;

  }  
  .@{prefix}-TreeNode-icon{
    display: none;
    vertical-align: middle;
    i{
      font-size: 16px;
      display: inline-block;
      margin: 0px 5px;
    }
  }

  .@{prefix}-TreeNode-right{
    width: 240px;
    vertical-align: middle;
    display: inline-block;
    .icon-coms-down2{
      height: 42px !important;
      width: 300px;
      margin-top: 0px;
      top: -6px;
      left: 0px;
      text-align: right;
      margin-left: -52px;
      padding-right: 5px;
      line-height: 30px;
    }
    a{
      display: inline-block;
      color: #2094ff;
      width: 150px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    a:hover{
      color: #2094ff;
      text-decoration-line: underline;
    }
  }
  .ant-tree{
    height: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
  }
  .@{prefix}-browserItem{
    display: inline-block;
    min-height: 24px;
    padding: 0px 5px;
    width: 200px;
  }
  .ant-input{
    height: 30px;
    width: 100%;
  }
  .searchInput{
    display: inline-block;
    position: relative;
    .searchIcon{
      position: absolute;
      right: 8px;
      top: 8px;
      color: #b2b2b2;
      cursor: pointer;
    }
  }
}
.ant-popover{
  .menuContent1,.menuContent2{
    height: 80px;
    >div{
      line-height: 25px;
      padding: 0px 5px;
    }
    >div:hover{
      background: #e9f7fd;
      cursor: pointer;
      color: #2db7f5;
    }
  }
  .menuContent2{
    height: 105px;
  }
}

.odocExchange-unitSet-fieldseting-dialog{
  .ant-radio-group, .ant-radio-wrapper {
    display: block;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 5px;
  }
}
